<template>
    <div class="book-step-3">
        <van-radio-group v-model="form.budget">
            <van-radio v-for="i in options" :key="i.value" :name="i.value">
                {{i.label}}
            </van-radio>
        </van-radio-group>

        <div class="yusuan-tip">
            <img src="../../../../assets/img/yusuan.png" alt="">
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            options: [
                {label: '6000-10000元', value: '6000-10000元'},
                {label: '10000-15000元', value: '10000-15000元'},
                {label: '15000-20000元', value: '15000-20000元'},
                {label: '20000-30000元', value: '20000-30000元'},
                {label: '30000-60000元', value: '30000-60000元'},
                {label: '60000元以上', value: '60000元以上'},
            ],
            form: {
                budget: '',
            },
        }
    },
    methods: {
    
    }
}
</script>

<style lang="less">
.book-step-3{
    .van-radio-group{
        padding: 10px 30px;
        overflow: hidden;
        .van-radio{
            float:left;
            width: 50%;
            margin-bottom: 15px;
            .van-icon-checked{
                color: @primary;
            }
        }
    }
    .yusuan-tip{
        margin-top: 40px;
        padding: 20px;
        &>img{
            display: block;
            margin: auto;
        }
    }
}
</style>
